<template>
  <div class="flightsFilter">
    <!-- @change事件 ：选中值发生变化时触发-->
    <el-select v-model="selectvalue" placeholder="请选择" @change="curSelect">
      <!-- label 前台用户看的  value程序员看的,与后台返回值有关 -->
      <el-option
        v-for="(item,index) in options"
        :key="index"
        :label="item.label"
        :value="item.value"
      ></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectvalue: '',     //获取选择哪一项的数据
      options: [
        { name: '大', value: 'L' },
        { name: '中', value: 'M' },
        { name: '小', value: 'S' }
      ]

    }
  },
  methods: {
    //chang事件   回调参数:目前的选中值
    curSelect(v) {
      console.log(v);    //L M S
    }
  }
}
</script>

<style>
</style>